@charset "utf-8";
body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
html,body{height: calc(100% - 10px);}
/*宽度比例*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w5 { width: 5%; }
.w15 { width: 15%; }
.w25 { width: 25%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w45 { width: 45%; }
.w55 { width: 55%; }
.w65 { width: 65%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}
.mtop{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mystyle-color{color: #fff;}
/* 头部 */
.navbar-nav li{color: #fff;line-height: 50px;margin-right: 10px;font-size: 16px;font-weight: bold;}
.li-border img{width: 180px;margin: auto;display: block;}
.pull-right li{font-weight: normal;font-size: 14px;}
.pull-right li span{margin: 0 5px;font-weight: bold}
.pull-right li a{color: #fff;}
.pull-right li a:hover{color: #00c1de;}
/*左侧导航栏*/
.down-main{position: absolute;width: 100%;top: 50px;bottom: 0px;z-index: 100;}
.left-full{ width:180px; display:block;}
.right-full{ left:180px;}
.left-off{ width:48px; display:block;}
.right-off{ left:48px;}
.sidebar-fold{ height: 30px;width: 100%;background: #4a5064;color: #aeb9c2;text-align: center; height:30px; font-size: 16px;cursor: pointer;}
.sidebar-fold span{ line-height:30px;font-weight: bold}
/*.left-main{ bottom: 0px; top:0px; position:absolute; background-color:#293038;}*/
.left-main{ bottom: 0px; top:50px; z-index:100; position:fixed; background-color:#333744;}
.sBox ul li{ list-style-type:none; position:relative;}
.sBox ul{ padding:0px; position: relative; margin:0px;}
.sBox ul li a{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden; text-decoration:none; color:#FFF;}
.sBox .ivu-icon{ width:48px; text-align:center;}
.subNavBox .subNav{ height:40px; line-height:40px; color: #fff;}
.subNavBox .subNav .title-icon{ width:48px; text-align:center;}
.sBox .sublist-down{ background-color:#333744;}
.sBox .sublist-up{ background-color:#42485b;}
.sBox .sublist-up ul{ display:none;}
.sBox .sublist-title{ cursor:pointer;}
.sBox .subNav:hover{ background-color:#00c1de;}
.sBox ul li:hover{background-color:#4d5064;}
.sBox span{ line-height:36px;}
.showtitle{ text-align:center; line-height:40px; position:absolute; z-index:100; background-color:#545f71; left:55px; padding:0px 10px 0px 10px; color:#FFF; min-width:100px; display:none;}
.showtitle img {position: absolute;left: -6px; top: 14px;}
.left-off .sBox ul li .sub-title{ display:none;}
.left-off .sBox .sublist-title{ display:none;}
.navContent span.ivu-icon{display:none;}
.navContent span.sub-title{margin-left: 48px}
/* 右侧 */
.container-fluid{height: 100%;padding: 0 15px;}
.container-welconme{background: #eaedf1;padding:50px 15px;text-align: center;margin:15% auto;}
.container-welconme h1{font-size: 30px;line-height: 45px;}
.container-welconme div{font-size: 18px;line-height: 40px;}
.right-product{height:calc(100% - 50px);position: absolute;top: 0px;bottom: 0px;right: 0px;background: #FFF;}
.bottom{width:calc(100% - 180px);position: absolute;bottom: 0px;right: 0px;background: #FFF;line-height: 50px;text-align: center;border-top: 1px solid #ddd;}
/* 按钮 */
.ivu-btn-primary{background-color: #09c;border-color: #09c;}
.ivu-btn-primary:hover{background-color: #28B5D6;border-color: #28B5D6;}
/*======breadcrumb=====*/
.page-header{width:100%;margin:0px; padding:0px; height:30px; line-height:30px;}
.pull-left{width:100%;margin-top:20px; padding-left:8px;color: #363636;border-left: 2px solid #0098cd;font-size: 15px;}
.table-margin{width: 100%;float: left; margin-top:20px;}    
/* 登陆 */
.login{width: 100%;height: 100%;background: #f9f9f9}
.container{width: 400px;padding-top: 12%;}
.container input{height: 38px;line-height: 38px;}
.logo{width: 100%;}
.logo img{display: block;margin: 0 auto;width: 110px;}
.systemname{width: 100%;text-align: center;font-size: 22px;line-height: 35px;font-weight: bold;margin-bottom: 15px;}
.captcha{margin: 0 5px;}
.captcha img{width:103px;height: 38px;border: 1px solid #ddd}
.login_foot{width:600px;line-height: 35px;position: absolute;bottom:20px;left:calc((100% - 600px)/2);text-align: center;font-size: 13px;}
/* 表格 */
.ivu-table-header{border:1px solid #dddee1;border-top: 0;border-left: 0;}
.ivu-table td, .ivu-table th{height: 45px!important;border-bottom: 0px}
.ivu-table th{background-color: #F5F6FA!important}
.ivu-table td, .ivu-table th{height: 45px!important;}
.ivu-table-cell{padding: 3px 10px;}
/* 项目分类 */
.ivu-tree ul{font-size: 15px;}
.ivu-form-item{margin-bottom: 10px;}

/* 销售录入 */
.saledata{width: 100%;float: left; margin-top:20px;font-size: 15px;line-height: 33px;}
.saledata .ivu-row{padding: 8px 0;border-bottom:1px dashed #e8e8e8}
.saledata .ivu-row:hover{background: #f8f8f8;}
.saledata .ivu-row .ivu-col:first-child{font-weight:bold}
/* 数据统计 */
.datas{display: flex;width: 1000px;background: #f5f6fa;padding: 8px;}
.datas span{color: #c00}
.datas .ivu-col{flex: 1;font-size: 15px;font-weight: bold}
.income{margin: 20px;}
.income h1{font-size: 15px;font-weight: bold}
.income ul{width: 100%;list-style: none;height: auto;overflow: hidden;margin: 15px 0 0 0px;border: 1px solid #e8e8e8}
.income ul li{display:block;overflow: hidden;line-height: 30px;padding: 8px;font-size: 14px;border-bottom: 1px dashed #e8e8e8}
.income ul li:last-child{border-bottom: 0}
.income ul li:hover{background: #f8f8f8;cursor: pointer}
.income ul li span{display:block;float: left;}
.income ul li span:nth-child(1){width:calc(100% - 140px);}
.income ul li span:nth-child(2){width:80px;text-align: center}
.income ul li span:last-child{width:50px;float: right;color:#2d8cf0;text-align: center}
.tips{font-size: 15px;font-weight: bold;line-height: 35px;text-align: right;}

.datasz{font-size: 15px;font-weight: bold;line-height: 30px;}
.datasz span{color: #c00}